import { Header } from './Header'

interface LayoutProps {
    children: React.ReactNode
}

export function Layout({ children }: LayoutProps) {
    const handleFileSelect = () => {
        // Default behavior: do nothing or maybe navigate to home?
        // For now, consistent with Settings page behavior
    }

    return (
        <div className="min-h-screen">
            <div className="mx-auto w-full max-w-6xl px-4 sm:px-6 lg:px-8 pb-12">
                <Header onFileSelect={handleFileSelect} />
                <main className="animate-fade-in">
                    {children}
                </main>
            </div>
        </div>
    )
}
